<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
    <%@include file="/include/head.jsp"%>
    <title>我的收藏</title>
    <script type="text/javascript">
        var dataListUrl="http://192.168.0.25:81";
    </script>
    <script src="${rootPath}/static/js/mui.pullToRefresh.js"></script>
    <script src="${rootPath}/static/js/mui.pullToRefresh.material.js"></script>
    <script src="${rootPath}/static/js/paginationRequest.js"></script>
</head>
<body>
<header class="mui-bar mui-bar-nav qy-bg-white">
    <a class="mui-icon mui-icon-back qy-text-black" href=""></a>
    <h1 class="mui-title qy-text-black qy-font-size-20px">收藏</h1>
</header>
<nav class="mui-bar mui-bar-tab qy-border-top qy-bg-white qy-flex qy-flex-text-between qy-padding-left-12px" v-show="true">
    <div class="mui-checkbox qy-flex qy-full-height">
        <input name="checkbox" value="Item 1" type="checkbox" >
        <label class="qy-padding-vertical-14px qy-font-size-14px qy-text-black">全选</label>
    </div>
    <div class="qy-full-height">
        <input type="button" value="删除" class="qy-no-borderRadius qy-padding-vertical-26px qy-bg-red qy-no-border qy-full-height qy-font-size-18px qy-text-white"/>
    </div>
</nav>
<div class="mui-content">
    <div id="slider" class="mui-slider mui-fullscreen">
        <div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
            <a class="mui-control-item mui-active" href="#vueListBox0">
                <span class="mui-inline">产品<i class="active-line"></i></span>
            </a>
            <a class="mui-control-item" href="#vueListBox1">
                <span class="mui-inline">机构<i class="active-line"></i></span>
            </a>
            <a class="mui-control-item" href="#vueListBox2">
                <span class="mui-inline">内容<i class="active-line"></i></span>
            </a>
        </div>
        <div class="mui-slider-group qy-margin-top-4px">
            <div id="vueListBox0" class="mui-slider-item mui-control-content mui-active">
                <div class="mui-scroll-wrapper">
                    <div class="mui-scroll qy-padding-left-12px">
                        <div class="mui-loading">
                            <div class="mui-spinner">
                            </div>
                        </div>
                        <ul class="mui-table-view">
                            <li class="qy-no-bg mui-table-view-cell qy-margin-horizontal-8 qy-flex">
                                <div class="mui-checkbox qy-flex qy-padding-right-30px">
                                    <input name="checkbox" value="Item 1" type="checkbox" />
                                </div>
                                <a href="http://192.168.0.24:8088/wap/productDetail.do" class="qy-bg-white qy-full-width">
                                    <div class="mui-row qy-flex">
                                        <div class="mui-col-xs-3">
                                            <img width="90%" src="${rootPath}/static/imgs/CardImg.png"> </div>
                                        <div class="mui-col-xs-9 qy-padding-left-4px">
                                            <div class="qy-margin-top-4 qy-font-size-18px">豪华体检套餐</div>
                                            <div class="qy-margin-horizontal-4 font-size-16 qy-text-label">仁爱医院</div>
                                            <div class="qy-margin-top-8">评分4.5</div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div id="vueListBox1" class="mui-slider-item mui-control-content">
                <div class="mui-scroll-wrapper">
                    <div class="mui-scroll qy-padding-left-12px">
                        <div class="mui-loading">
                            <div class="mui-spinner">
                            </div>
                        </div>
                        <ul class="mui-table-view">
                            <li class="qy-no-bg mui-table-view-cell qy-margin-horizontal-8 qy-flex">
                                <div class="mui-checkbox qy-flex qy-padding-right-30px">
                                    <input name="checkbox" value="Item 1" type="checkbox" />
                                </div>
                                <a href="http://192.168.0.24:8088/wap/productDetail.do" class="qy-bg-white qy-full-width">
                                    <div class="mui-row qy-flex">
                                        <div class="mui-col-xs-3">
                                            <img width="90%" src="${rootPath}/static/imgs/CardImg.png"> </div>
                                        <div class="mui-col-xs-9 qy-padding-left-8px">
                                            <div class="qy-font-size-18px">仁爱医院</div>
                                            <div class="qy-padding-horizontal-8px qy-font-size-16px qy-flex">
                                                <i v-for="num in 4" class="mui-icon mui-icon-star-filled qy-text-warning qy-font-size-14px"></i>
                                                <i v-for="num in 1" class="mui-icon mui-icon mui-icon-starhalf qy-text-warning qy-font-size-12px"></i>
                                                <span class="qy-font-size-12px">4.5</span>
                                            </div>
                                            <div class="qy-text-gray9 qy-font-size-12px">500/5.00km</div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div id="vueListBox2" class="mui-slider-item mui-control-content">
                <div class="mui-scroll-wrapper">
                    <div class="mui-scroll qy-padding-left-12px">
                        <div class="mui-loading">
                            <div class="mui-spinner">
                            </div>
                        </div>
                        <a class="qy-block mui-row qy-margin-horizontal-8px  qy-flex qy-flex-fullHeight qy-border-radius">
                            <div class="mui-col-xs-1 mui-checkbox qy-flex qy-padding-right-30px">
                                <input name="checkbox" value="Item 1" type="checkbox" />
                            </div>
                            <div class="mui-col-xs-2 qy-flex qy-bg-white">
                                <img src="${rootPath}/static/imgs/zj.jpg" width="100%" />
                            </div>
                            <div class="mui-col-xs-9 qy-padding-10px qy-flex qy-flex-direction-column qy-flex-text-start qy-bg-white">
                                <span class="qy-font-size-14px qy-text-gray qy-flex qy-flex-equalSpace">体检</span>
                                <h2 class="qy-font-size-16px qy-text-black qy-flex qy-flex-equalSpace">健康体检的意义</h2>
                                <time class="qy-font-size-12px qy-text-gray9 qy-flex qy-flex-equalSpace">2014-11-05</time>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>